<template>
  <view class="consultant-page">
    <view
      class="product-persons"
      v-for="(item,index) in personList"
      :key="index"
      @click="navigateUrl"
    >
      <view class="peoduct-top">
        <view class="dete">2019-01-06 20:22:28</view>
        <view :class="['evaluate',item.evaluate==1?'active':'']">{{item.evaluate | isEvaluate}}</view>
      </view>
      <PersonInfo :PersonInfo="item"/>
      <view class="contact-info" v-if="item.evaluate==0">
        <view class="consulta-method" >
          <view class="telephone consulta-btn">立即评价</view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
import Vue from "vue";
import PersonInfo from "@/components/personInfo/personInfo.vue";
import noData from '@/components/noData/noData';
export default {
  components: {
    PersonInfo,
    noData
  },
  data() {
    return {
      tagActive: 0,
      tag: [
        {
          tafName: "图文咨询",
          id: 0
        },
        {
          tafName: "电话咨询",
          id: 1
        }
      ],
      personList: [
    
      ]
    };
  },
  onShow(){
    // #ifdef H5
        document.title=`我的顾问`
    // #endif
  },
  methods: {
    //标签切换
    chooseTag(e) {
      this.tagActive = e.currentTarget.dataset.id;
    },
    //页面跳转
    navigateUrl() {
      let url = `./consultantDetails`;
      Vue.customNavigateTo(url);
    }
  }
};
</script>

<style lang="less" scoped>
.consultant-page {
  .product-persons {
    margin: 20upx 25upx;
    background: #ffffff;
    border-radius: 10upx;
    box-shadow: 0 0 20upx 5upx #f3f4f6;
    .peoduct-top {
      display: flex;
      font-size: 26upx;
      justify-content: space-between;
      padding: 30upx 20upx 20upx;
      paf
      .date {
        color: #999999;
      }
      .evaluate {
        color: #333333;
      }
    .active {
      color: #1b65fa;
    }
    }
    .contact-info {
      padding: 15upx 30upx 15upx 25upx;
    }
    .consulta-method {
      display: flex;
      justify-content: flex-end;
      .consulta-btn {
        width: 150upx;
        font-size: 26upx;
        font-weight: bold;
        height: 60upx;
        line-height: 60upx;
        text-align: center;
        border-radius: 10upx;
      }
      .telephone {
        background: #ffffff;
        border: 4upx solid #1b65fa;
        color: #1b65fa;
        margin-right: 30upx;
      }
    }
  }
}
</style>
